.page {
	display: flex;
	flex-direction: column;
	width: 94%;
	margin: 100rpx 3%;
}
	// 搜索框
	.article-search {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 10;
		display: flex;
		align-items: center;
		width: 100%;
		height:100rpx;
		padding: 0 2%;
		background-color: #ffffff;

		.search {
			display: flex;
			align-items: center;
			padding: 0 0 0 3%;
			width: 70%;
			height: 60rpx;
			background-color: #f6f6f6;
			border-radius: 60rpx;
			.iconfont {
				font-size: 28rpx;
				color: #C0C0C0;

			}

			input {
				width: 90%;
				height: 100%;
				color: #212121;
				font-size: 24rpx;
				margin-left: 10rpx;
			}

			.search-button {
				height: 90%;
				width: 120rpx;
				font-size: 28rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: $base;
				/* 按钮背景色 */
				color: #ffffff;
				/* 按钮文字颜色 */
				border: none;
				/* 去掉边框 */
				border-radius: 30rpx;
				/* 圆角 */
				cursor: pointer;
				/* 鼠标悬停时显示手型 */
			}

			.search-button:hover {
				background-color: #e68a00;
				/* 悬停效果 */
			}
		}

		.shop {
			width: 180rpx;
			height: 60rpx;
			margin: 0 0 0 30rpx;
			line-height: 60rpx;
			border-radius: 30rpx;
			font-size: 24rpx;
			text-align: center;
			align-items: center;
			color: #fff;
			background-color: #71a659;
		}

	}

	// 市场
	.markList {
		
	  display: flex;
	  flex-wrap: wrap; 
	  justify-content: space-between; 
	  .markItem {
	    width: calc(50% - 5px);
		height: 500rpx;
	    margin-bottom: 10px;
	    box-sizing: border-box; 
		background-color: red;
		border-radius: 40rpx;
		image{
			width: 320rpx;
			height: 320rpx;
		}
		.title1 {
		  display: -webkit-box;
		   -webkit-box-orient: vertical; 
		   -webkit-line-clamp: 1; 
		   overflow: hidden; 
		}
		
		.title2 {
		 color: #C0C0C0;
		  display: -webkit-box; 
		   -webkit-box-orient: vertical; 
		   -webkit-line-clamp: 3; 
		   overflow: hidden; 
		}
	  }
	}
	
	
	
	